<template>
  <div>
    <el-table
      ref="multipleTable"
      :data="tableData"
      tooltip-effect="dark"
      style="width: 100%"
      :height="$store.state.app.tableHeight"
      @selection-change="handleSelectionChange"
    >
      <el-table-column
        type="selection"
        width="55"
      />
      <el-table-column
        label="申请时间"
        width="120"
      >
        <template slot-scope="scope">{{ scope.row.date }}</template>
      </el-table-column>
      <el-table-column
        label="申请人姓名"
        width="120"
      >
        <template slot-scope="scope">{{ scope.row.anent_content.anent_name }}</template>
      </el-table-column>
      <el-table-column
        label="申请人微信"
        show-overflow-tooltip
      >
        <template slot-scope="scope">{{ scope.row.anent_content.anent_login_name }}</template>
      </el-table-column>
      <el-table-column
        label="申请人手机号"
        show-overflow-tooltip
      >
        <template slot-scope="scope">{{ scope.row.anent_content.brand_phone }}</template>
      </el-table-column>
      <el-table-column
        label="申请人身份证"
        show-overflow-tooltip
      >
        <template slot-scope="scope">{{ scope.row.anent_content.people_card_num }}</template>
      </el-table-column>
      <el-table-column
        label="申请人照片"
        show-overflow-tooltip
      >
        <template slot-scope="scope">
          <el-image
            style="height: 35px"
            :src="scope.row.anent_content.brand_head_img"
            :preview-src-list="[scope.row.anent_content.brand_head_img]"
          />
        </template>
      </el-table-column>
      <el-table-column
        prop="address"
        label="上级授权代码"
        show-overflow-tooltip
      />
      <el-table-column
        prop="address"
        label="上级授权名"
        show-overflow-tooltip
      />
      <el-table-column
        prop="address"
        label="上级代理级别"
        show-overflow-tooltip
      />
    </el-table>
  </div>
</template>

<script>
export default {
  props: {
    tableData: {
      type: Array,
      default() {
        return []
      }
    }
  },
  data() {
    return {
      multipleSelection: []
    }
  },
  methods: {
    handleSelectionChange(val) {
      this.multipleSelection = val
      console.log(this.multipleSelection)
    }
  }
}
</script>

<style lang="sass" scoped>

</style>
